<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String basepath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ request.getContextPath() + "/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<style>
.body_top>div {
	width: 870px;
	height: 85px;
	margin: 0 auto;
	padding-top: 10px;
}

.body_top>div>p {
	font-family: "微软雅黑";
	color: #90c624;
	font-size: 40px;
	font-weight: 900;
	display: inline-block;
}

.body_top>div>span {
	font-size: 14px;
	color: #8f8f8f;
	float: right;
	margin-top: 20px;
}

.body_top>div>a>img {
	float: right;
	margin: 17px 5px;
}

.body_top>div>div {
	display: inline-block;
}

.body_top>div>div>p {
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 18px;
	color: #8f8f8f;
}

.body_top>div>div>.last_p {
	color: #90c624;
	font-size: 12px;
	letter-spacing: 0px;
}

.body_wrap {
	width: 100%;
	background: #f7f7f7;
	padding-top: 50px;
}

.body_wrap .middle {
	width: 870px;
	height: 450px;
	margin: 0 auto;
}

.body_wrap .middle .left {
	float: left;
}

.body_wrap .left_top {
	background: #90c624;
	width: 180px;
	height: 120px;
	color: #fff;
	padding-top: 20px;
	font-size: 20px;
	text-align: center;
}

.body_wrap .left_top .last_p {
	font-size: 16px;
}

.body_wrap .left_botton {
	width: 180px;
	height: 225px;
	background: #fff;
	font-size: 15px;
	color: #6d6d6d;
}

.body_wrap .left_botton>p>a {
	display: inline-block;
	padding: 10px 58px;
	text-decoration: none;
	color: #848482;
}

.botton_p_click, .body_wrap .left_botton>p>a:hover {
	background: #f0f0f0;
	border-left: 3px solid #96c720;
}

.body_wrap .right {
	float: left;
	padding-left: 20px;
}
.qh_right{
	margin-top:20px;
}
.qh_right>div{
	border-radius: 5px;
	padding:5px 0px 5px 10px;
	width:600px;
	background: #fafafa;
	border: 1px solid #ebebeb;
	margin-bottom: 15px;
}
.qh_right>div>span{
	padding:2px 7px;
	background: #b2d771;
	border-radius: 30px;
}
.qh_right>div>div{
	
	margin-right: 10px;
}
.qh_right>div>div img{
	float: right;
	padding: 10px 20px 5px 5px;
}
#each_div{
	height: 380px;
}
</style>
<script>
	<% if(request.getAttribute("pjax_back") != null && !request.getAttribute("pjax_back").equals("")) {%> 
		<%=(String)request.getAttribute("pjax_back") %>
	<% } %>
	</script>
<div class="body_top">
	<div>
		<p>场地预约</p>
		<div>
			<p>enue booking</p>
			<p class="last_p">HI BUSINESS.LET YOU BECOME A SUCCESS</p>
		</div>
		<a href="index"><img src="img/weizhi.png"></a> <span>当前位置：<span>首页</span>><span>场地预约</span></span>
	</div>
</div>
<div class="body_wrap">
	<div class="middle">
		<div class="left">
			<div class="left_top">
				<p>ENTEPRENEURIAL</p>
				<p>COUNSELING</p>
				<p class="last_p">创业辅导</p>
			</div>
			<div class="left_botton">
				<p>
					<a href="index_cdyy" class="botton_p1 botton_p_click">场地预约</a>
				</p>
				<p>
					<a class="botton_p2" href="index_cdyy_Receipt">查看回执</a>
				</p>
			</div>
		</div>
		<div class="right" id="main_right">
			<div id="each_div">
			<c:forEach items="${requestScope.lists }" var="list">
				<div class="qh_right">
					<div>
						<div>
							<p>
								主题:[${list.get(0).f_peoper }]类型:[${list.get(1).ft_name }]<img
									src="img/ss.png">
							</p>
							<p>
								<span>申请时间：</span>${list.get(0).f_asktime }
							</p>
							<p>
								<span>开始使用时间：</span>${list.get(0).f_stardate }
							</p>
							<p>
								<span>结束时间：</span>${list.get(0).f_startime }
							</p>
							<p>
								<span>申办单位/公司/团队：</span><a href="${list.get(0).f_id }">${list.get(0).f_user }</a>
							</p>
							<p>
								<span>状态：</span>
								<c:choose>
									<c:when test="${list.get(0).f_status == 0}">未审核</c:when>
									<c:when test="${list.get(0).f_status == 1}">审核通过</c:when>
									<c:when test="${list.get(0).f_status == 2}">审核不通过</c:when>
								</c:choose>
							</p>
							<c:if test="${list.get(0).f_status !=0 }">
								<p>
									<span>审核意见：</span>${list.get(0).f_remarks }</p>
							</c:if>
						</div>
					</div>
				</div>
			</c:forEach>
			</div>
			<div class="fy" title="${sum != null?sum:1 }">
			<span id="pre_page">上一页</span>
			<ul>
			</ul>
			<span id="next_page">下一页</span>
			</div>
		</div>
	</div>
</div>
<script src="js/pages.js"></script>
<script type="text/javascript">
  $(".botton_p2").click(function(){
        $(this).attr('class', 'botton_p_click');
        $(this).siblings().attr('class', '');
     })
  $(".botton_p1").click(function(){
        $(this).attr('class', 'botton_p_click');
        $(this).siblings().attr('class', '');
    })
  $(document).ready(function(){
	$(".qh_right>div>div img").parent().siblings().css("display","none");
    $(".qh_right>div>div img").click(function(){
		$(this).parent().siblings().slideToggle();
	});
});
  $(document).ready(function(){
	  var kind="cdyy";
	    var type=location.search.split("?")[1];
	   /*  var sum =$("div.fy").attr("title"); */
	    var sum = 20;
	    var connect_page=0;
	    printList(1);
    function printList(index){
      var fy_html="";
      var show = sum-index>7?8:sum-index+1;
      if(index<=connect_page){
          for(var i=8;i>0;i--){
              fy_html+="<li>"+(index-i+1)+"</li>";
          }
          $(".fy>ul").html(fy_html);
          $(".fy>ul>li").eq(7).addClass('fy_on');
      }else{
          for(var i=0;i<show;i++){
              fy_html+="<li>"+(index+i)+"</li>";
          }
          $(".fy>ul").html(fy_html);
          $(".fy>ul>li").eq(0).addClass('fy_on');
      }
      connect_page=index;
      console.log(connect_page)
  }
	    //点击分页  分别触发ajax事件以及分页列表事件
	    $(".fy>ul").delegate('li','click',function(){
	        
	        $(this).addClass('fy_on');
	        $(this).siblings("li").attr("class","");
	        var page = $(this).html();
	        if(sum>8&&(page%7==1)&&page>7){
	            printList(Number(page));
	            }else{
	                connect_page=page;
	            }
	            connect_data(kind,page,type);
	            
	        })
	$("#pre_page").click(function(){
      var pre_page=(connect_page-1)%7;
      pre_page= pre_page==0?7:pre_page;
      $("div.fy>ul>li").eq(pre_page-1).trigger("click");
  });
  
   $("#next_page").click(function(){
      var next_page=(Number(connect_page)+1)%7;
       next_page= next_page==0?7:next_page ;
       next_page= next_page==1?8:next_page ;
      $("div.fy>ul>li").eq(next_page-1).trigger("click");
  }) 
  
	
  // 上一页  and 下一页
 
  function connect_data(kind,page,type){
      type= (type == undefined?"":"&&"+type);
      var address ="index_paging?html="+kind+type+"&&page="+page;
      console.log(address);
      getData(address,printNews)
  }
  // ajax传值取相应数据
  function getData(address,callback){
      $.ajax({
          type:"post",
          url:address,
          dataType:"json",
          success:function(data){
              callback(data);
          },
          error:function(e){
              alert(e.message);
          }
      });
  }
		
		//回调函数渲染页面
		/* function printNews(data){ */
			/* var news_html="";
			$.each(data.paging,function(){
				var that=this.list;
			news_html+="<div class='news_box'><div><img src='img/new1.jpg' alt='news_img'/></div><div class='news_content'><p>"+that[1].nt_name+"－－"+that[0].n_ctime+ "</p><a class='turn_pjax' href='index_news?page=news_info&&id="+that[0].n_id+"'>"+that[0].n_title+"</a><p>"+ that[0].n_content + "</p></div></div>";
			});
			$("#each_div").html(news_html); */
		});	
</script>